<template>
	<view class="margin-15 overflow-hidden">
		<view class="text-18 margin-b-15">我的企业</view>
		 <view v-for="(item, index) in qylist" :key="index" class="container bg-ffffff padded-10 border-radius-5 padded-b-15">
		    <view class="form-group">
		        <view class="label">企业名称</view>
				<view class="value">{{ item.qymc }}</view>
		    </view>
		    <view class="form-group">
		      <view class="label">所在地</view>
		      <view >{{ item.szdname }}</view>
		    </view>
		    <view class="form-group">
		      <view class="label">默认使用企业</view>
		      <view class="flex-container flex-align-center">
		        <switch style="transform:scale(0.7)" :checked="switchStates[index]" @change="ismr(item.id)" />
		      </view>
		    </view>
			<view class="button-group">
				<button class="btn left-btn" type="primary" plain="true" size="mini" @click="del(item.id)">删除</button>
				<button class="btn right-btn" type="primary" plain="true" size="mini"  @click="topageid(item.id)">编辑</button>
			</view>
		  </view>
		  <view class="margin-t-15">
			 <button type="primary" class="text-16" @click="topage">新增</button>
		  </view>
	</view>
</template>

<script>
	export default {
		onLoad(options) {
			this.getServerData();
		},
		data() {
			return {
				qylist: [],
				switchStates: [],
			}
		},
		onReady() {
			this.getServerData();
		},
		methods: {
			getServerData() {
				this.$request().then(res => {
					// 验证登入
				})
				
				// 使用 GET 方法请求数据
				uni.request({
				    url: 'https://wn.wdyky.com/index/jrgl/qylist', // 请求地址
				    success: (res) => {
				        // 请求成功的回调函数
				        console.log('请求成功:', res.data);
						if(res.data.code == 1){
							this.qylist = res.data.data;
							this.updateSwitches();
						}
			
				    },
				    fail: function(err) {
				        // 请求失败的回调函数
				        console.error('请求失败:', err);
				    }
				});
			},
			del(id){
				uni.showModal({
					title: '提示',
					content: '确认删除？',
					cancelText: "取消", // 取消按钮的文字
					confirmText: "确定", // 确认按钮文字  
					success: function(res) {
						console.log(res)
						if (res.confirm) {
							//console.log(id);
							uni.request({
							    url: 'https://wn.wdyky.com/index/jrgl/qydel', // 请求地址
							    data: {
							    	id: id,
							    },
								success: (res) => {
							        // 请求成功的回调函数
							        console.log('请求成功:', res.data);
									if(res.data.code == 1){
										this.getServerData();
										uni.showToast({
											icon: 'none',
											title: res.data.val
										})
									}
							    },
							    fail: function(err) {
							        // 请求失败的回调函数
							        console.error('请求失败:', err);
							    }
							});
							
						} else if (res.cancel) {
						 // 用户点击取消
						 //console.log('用户取消删除');
						}
					}.bind(this)
				})
			},
			topage() {
			      
			    uni.navigateTo({
			        url: '/pages/index/company_details'
			    });
			},
			topageid(id) {
			      
			    uni.navigateTo({
			        url: '/pages/index/company_details?id='+id
			    });
			},
			updateSwitches() {
			    this.switchStates = this.qylist.map(item => item.ismoren); // 假设接口返回的每个项目对象中有一个isActive字段表示状态
			},
			ismr(id){
				//console.log('id:', id);
				this.switchStates = this.qylist.map(item => false);
				uni.request({
				    url: 'https://wn.wdyky.com/index/jrgl/qymr', // 请求地址
				    data: {
				    	id: id,
				    },
					success: (res) => {
				        // 请求成功的回调函数
				        console.log('请求成功:', res.data);
						if(res.data.code == 1){
							this.getServerData();
							uni.showToast({
								icon: 'none',
								title: res.data.val
							})
						}
				    },
				    fail: function(err) {
				        // 请求失败的回调函数
				        console.error('请求失败:', err);
				    }
				});
			}
		}
	}
</script>

<style>
	.button-group {
	  display: flex;
	  width: 100%;
	}
	.left-btn {
	   color: red !important;
	   width: 30%;
	   margin-right: 10px; /* 可选：增加间距 */
	}
	/* 右侧按钮（70% 宽度） */
	.right-btn {
	   width: 70%;
	}
	.btn{
		border: 0 !important;
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1), 0 0px 1px rgba(0, 0, 0, 0.08);
	}
	.form-group {
	  display: flex;
	  padding: 5px 0;
	  justify-content: space-between;
	}
	.label {
	  width: 100px;
	  color: #333;
	}
</style>
